<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>VALERA - Responsiv HTML Template based on Bootstrap, from Twitter</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- styles -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="assets/css/docs.css" rel="stylesheet">
    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/favicon.html">
    <link rel="apple-touch-icon" href="assets/ico/apple-touch-icon.html">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72x72.html">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114x114.html">
    <!--GOOGLE FONTS-
    <link href='http//fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' />
    <link href='http//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
    <link href='http//fonts.googleapis.com/css?family=Quattrocento+Sans:400,700,400italic,700italic|Doppio+One' rel='stylesheet' type='text/css'>
    <link href='http//fonts.googleapis.com/css?family=Fugaz+One' rel='stylesheet' type='text/css'>
    <link href='http//fonts.googleapis.com/css?family=Bowlby+One+SC' rel='stylesheet' type='text/css'>
    <link href='http//fonts.googleapis.com/css?family=Days+One|Open+Sans+Condensed:700' rel='stylesheet' type='text/css'>
    <link href='http//fonts.googleapis.com/css?family=Exo:800' rel='stylesheet' type='text/css'>
    -/GOOGLE FONTS-->
</head>
    <body>
    <!--TOP-->
    <div class="top_line"></div>
    <div class="panel hidden-phone">
        <div id="map">
        </div>
    </div>
    <!--/TOP-->
    <!--HEADER-->
    <header>
        <div class="container">
            <div class="row">
                <div class="span4 logo">
                   <img src="assets/img/logo1.PNG" alt="logo" style="margin-bottom:7px; margin-top:7px;" />
                </div>
                <div class="span8">
                    <nav id="main-nav">
                        <ul id="menu">
                            <li class="current"><a >首页 </a>
                            </li>
                            <li class="with_icon"><a href="#"><i class="icon-exclamation-sign"></i> 学习资源</a>
                                <ul>
                                    <li><a >绘本</a></li>
                                    <li><a>视频</a></li>
                                </ul>
                            </li>
                            <li><a>课程</a></li>
                            <li><a >游戏</a></li>
                            <li><a >磨耳朵</a>
                                <ul>
                                    <!--记得改链接地址-->>
                                	<li><a href="儿歌.html">儿歌</a></li>
                                    <li><a href="每日一词.html">每日一词</a></li>
                                </ul>
                            </li>
                            <li><a>我的</a></li>
                            <li><a>联系我们</a></li>
                        </ul>
                    </nav><!-- end #main-nav -->
                </div>
            </div>
		</div>
	</header>
	<!--/HEADER-->
    <!--WELCOME AREA-->
    <div class="gray_bg">
        <div class="container">
            <div class="row welcome_inner">
                <div class="span12">
                    <h1><span class="colored"></span> 每日一词</h1>
                </div>
                <p style="text-align: center;font-size: 30px;">Apple</p>
                <p style="text-align:center">名词(n)  苹果</p>
                <botton style="float:right;" class="btn btn-primary"><a href="单词本.html">+</a></botton>
            </div>
        </div>
    </div>
    <!--/WELCOME AREA-->
    <!--MAIN CONTENT AREA-->
    <div class="container inner_content">
    	<div class="row">
                <section>
                    <div class="blog_item">
                        <div class="row">
                            <p style="text-align:center">
                            <img src="assets/img/apple.jpg" >
                            </p>
						</div>
                        <p style="text-align:center">please eat an apple!</p>
                        <p style="text-align:center">翻译：请吃个苹果！</p>
                        <div style="text-align: center;">
                            <button style="float:left;" class="btn btn-primary">Play</button>
                            <button class="btn btn-primary">Read More</button>
                            <button style="float: right;" class="btn btn-primary">Listen to your own</button>
                        </div>                       
                </section>
            </div>
        <!--/MAIN CONTENT AREA-->
    <!--TWITTER AREA-->
    <div class="twitter-block">
        <div class="container">
            <div class="row">
                <div class="span3 header">
                    <h5><span class="colored">///</span> 联系我们</h5>
                    <p>官方电话:18xxxxxxxxx</p>
                </div>
                <!--<div class="span9">
                    <div class="well">
                        <img class="twit_img" src="assets/img/twitter.png" alt="Visit link" />
                        <div id="jstwitter" class="clearfix">
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
            
    <!--/TWITTER AREA-->
    <!--FOOTER-->
    <footer>
        <div class="container">
            <div class="row">
                <div class="span3">
                    <img src="assets/img/logo1.PNG" alt="logo" style="margin-bottom:7px; margin-top:7px;" />
                <hr class="visible-phone">
                </div>
                <div class="span3">
                    <h5><span class="colored">///</span> 产品理念</h5>
                    <p>辅助少儿学习英语，使孩子快乐的学习，寓教于乐...........</p>
                    <hr class="visible-phone">
                </div>
                <div class="span3 flickr">
                    <h5><span class="colored">///</span> Contact info</h5>
                    <span><strong class="colored"> 地址</strong> 四川师范大学成龙校区</span>
                    <hr class=" hidden-phone"><br class="visible-phone">
                    <span><strong class="colored">微信公众号:</strong> scafdx_sexxpinftai</span>
                    <hr class="visible-phone">
                </div>
                <!--<div class="span3 soc_icons">
                    <h5><span class="colored">///</span> Stay in touch</h5>
                    <span>Find out what's happening:</span>
                    <hr>
                    <a href="#"><div class="icon_t"></div></a>
                    <a href="#"><div class="icon_facebook"></div></a>
                    <a href="#"><div class="icon_dribbble"></div></a>
                    <a href="#"><div class="icon_google"></div></a>
                    <a href="#"><div class="icon_in"></div></a>
                    <a href="#"><div class="icon_flickr"></div></a>
                </div>-->
            </div>
        </div>
    </footer>
    <!--/FOOTER-->
    <!--BOTTOM LINE-->
    <div class="bottom-block">
        <div class="container">
            <div class="row">
                <div class="container">
                    <div class="row">
                        <!--<div class="span6">
                            <span>&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http//www.zjf88.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                        </div>-->
                        <div class="span6">
                            <span class="pull-right visible-desktop"><span class="undercolored"><a href="#">首页</a></span> / <span class="undercolored"><a href="#">学习资源</a></span> / <span class="undercolored"><a href="#">课程</a></span> / <span class="undercolored"><a href="#">游戏</a></span> / <span class="undercolored"><a href="#">磨耳朵</a></span> / <span class="undercolored"><a href="#">我的</a></span> / <span class="undercolored"><a href="#">联系我们</a></span></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/BOTTOM LINE-->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -
    <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>	
    <script type="text/javascript" src="platform.twitter.com/widgets.js"></script>
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/google-code-prettify/prettify.js"></script>
    <script src="assets/js/bootstrap-transition.js"></script>
    <script src="assets/js/bootstrap-alert.js"></script>
    <script src="assets/js/bootstrap-modal.js"></script>
    <script src="assets/js/bootstrap-dropdown.js"></script>
    <script src="assets/js/bootstrap-scrollspy.js"></script>
    <script src="assets/js/bootstrap-tab.js"></script>
    <script src="assets/js/bootstrap-tooltip.js"></script>
    <script src="assets/js/bootstrap-popover.js"></script>
    <script src="assets/js/bootstrap-button.js"></script>
    <script src="assets/js/bootstrap-collapse.js"></script>
    <script src="assets/js/bootstrap-carousel.js"></script>
    <script src="assets/js/bootstrap-typeahead.js"></script>
    <script src="assets/js/jquery.easing.1.3.js"></script>
    <script src="assets/js/jquery.slabtext.min.js"></script>
    <script src="assets/js/jquery.flexslider-min.js"></script>
    <script src="assets/js/superfish-menu/superfish.js"></script>
    <script src="assets/js/plugin.js"></script>
    <script src="assets/js/jquery.prettyPhoto.js"></script>
    <script src="assets/js/twitter.js"></script>
    <script src="http//maps.google.com/maps/api/js?sensor=false"></script>
    <script src="assets/js/jquery.gmap.min.js"></script>
    <script src="assets/js/jquery.preloader.js"></script>
    <script src="assets/js/custom.js"></script>
    <script type="text/javascript" src="s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f8811347196f281"></script>
    <script src="assets/js/application.js"></script>
    --[if IE]>
    <script type="text/javascript">
        runFancy = false;
    </script>
    <![endif]-
    <script type="text/javascript">
		if (runFancy) {
			jQuery.noConflict()(function($){
			$(".view").preloader();
			$(".flexslider").preloader();
			});
		}
    </script>

    <div style="display:none"><script src='http//v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>-->
</body>
</html>